<template>
	<div class="vscodePllugin">
		<h1>vscode插件</h1>
		<div v-for="(item, index) in textArr" :key="index">
			<span class="pllugin-name">{{ item.name }}</span>
			<p class="pllugin-explain">{{ item.explain }}</p>
		</div>
	</div>
</template>

<script>
import textArr from './text'

export default {
	data() {
		return {
			textArr: textArr,
		}
	},
}
</script>

<style lang="less">
.vscodePllugin {
    .pllugin-name {
        font-weight: 700;
    }
    .pllugin-explain {
        padding: 10px 0;
    }
}
</style>